<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>
<style>
    a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.information{
	height:700px;
}
.information .book-cover[data-v-15c3f06e] {
    -webkit-box-flex: 0;
    flex: 0 0 200px;
    padding-right: 24px;
}
div {
    outline: none;
}
#mydiv{
    width: 1000px;
    height: 500px;
    background-color: aquamarine;
    margin:auto;
}
.el-form{
    display: inline-block;
    float: right;
    margin-right: 140px;
}
.book-cover{
    display: inline-block;
    float: left;
    margin-left: 140px;
}
.novelselect{
    width: 100px;
    height: 30px;
}
.el-form-item{
    line-height: 35px;
}
.novelintroduction{
    width: 200px;
    height: 50px;
}
textarea{
    resize:none;
}
.book-cover-src{
    width: 200px;
    height: 266px;
}
.el-form-item{
	margin:auto;
}
.false{
	color:red;
	font-size:15px;
}

</style>
<body>
<form action="AddwriternovelServlet" method="get">
        <div id="mydiv">
            <div>
                <span><span>作品信息</span></span>
            </div>
            <div class="information">
                <!---->
                <div class="information-data">
                    <div class="book-cover">
                        <div class="qm-book-cover pic size-12">
	                        	<a href="javascript:void(0)"><img data-v-36c14f27=""src="https://cdn-front.qimao.com/zuozhe-platform/web/img/1.551a07c2.jpg" width="200px" height="266px" class="book-cover-src" /></a>
                        </div>
                    </div>
                    <div class="book-data">
                            <!---->
                            <div class="el-form-item">
                                <label class="" style="width: 125px">作品名称</label>
                                <input name="novelname" required type="text">
                            </div>
                            <div data-v-15c3f06e="" class="el-form-item">
                            	<span><h1 class="false">${falseym }</h1></span>
                                <label class="el-form-item__label" style="width: 125px">作品类型</label>
                                
                                <select name="sort1" class="novelselect" id="">
                                    <option value="玄幻">玄幻</option>
                                    <option  value="科幻">科幻</option>
                                    <option  value="游戏">游戏</option>
                                    <option  value="诸天无限">诸天无限</option>
                                    <option  value="仙侠">仙侠</option>
                                    <option  value="历史">历史</option>
                                    <option value="现实">现实</option>
                                    <option  value="奇幻">奇幻</option>
                                    <option  value="体育">体育</option>
                                    <option  value="都市">都市</option>
                                    <option  value="军事">军事</option>
                                    <option  value="其他">其他</option>
                                    <option  value="奇闻轶事">奇闻轶事</option>
                                    <option  value="武侠">武侠</option>
                                </select>
                                <select name="sort2" class="novelselect" id="">
                                    <option value="玄幻">玄幻</option>
                                    <option  value="科幻">科幻</option>
                                    <option  value="游戏">游戏</option>
                                    <option value="诸天无限">诸天无限</option>
                                    <option  value="仙侠">仙侠</option>
                                    <option  value="历史">历史</option>
                                    <option  value="现实">现实</option>
                                    <option  value="奇幻">奇幻</option>
                                    <option value="体育">体育</option>
                                    <option  value="都市">都市</option>
                                    <option  value="军事">军事</option>
                                    <option  value="其他">其他</option>
                                    <option  value="奇闻轶事">奇闻轶事</option>
                                    <option  value="武侠">武侠</option>
                                </select>
                            </div>
                            <div  class="el-form-item">
                                <label class="el-form-item__label" style="width: 125px">作品简介</label>
                                <textarea name="introduction" required name="" id=""  cols="30" rows="10"></textarea>  
                            </div>
                            <div  class="el-form-item">
                                <label class="el-form-item__label" style="width: 125px">图片名称</label>
                                	<input name="imgURL" type="text">  
                            </div>
                            <div data-v-15c3f06e="" class="el-form-item">
                                <!---->
                                <div class="el-form-item__content" style="margin-left: 125px">
                                    <p data-v-15c3f06e="" class="qm-btn-list">
                                    
                                    	<input type="submit" value="确认创建">
                                    
                                    </p>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
        </form>
</body>

</html>